<template>
    <div>

        <el-dialog
                title="查看"
                :visible.sync="dialogVisible"
                width="30%"
        >
            <el-row>
                <el-col :span="8"><div class="grid-content bg-purple">参数标识:</div></el-col>
                <el-col :span="8"><div class="grid-content bg-purple-light">{{csbs}}</div></el-col>
            </el-row>
            <el-row>
                <el-col :span="8"><div class="grid-content bg-purple">参数值:</div></el-col>
                <el-col :span="8"><div class="grid-content bg-purple-light">{{csz}}</div></el-col>
            </el-row>
            <el-row>
                <el-col :span="8"><div class="grid-content bg-purple">参数标识说明:</div></el-col>
                <el-col :span="8"><div class="grid-content bg-purple-light">{{csbssm}}</div></el-col>
            </el-row>
            <el-row>
                <el-col :span="8"><div class="grid-content bg-purple">备注:</div></el-col>
                <el-col :span="8"><div class="grid-content bg-purple-light">{{bz}}</div></el-col>
            </el-row>
            <span slot="footer" class="dialog-footer">
                <el-button @click="dialogVisible = false">取 消</el-button>
            </span>
        </el-dialog>

    </div>
</template>

<script>
    import {findOne} from '@/api/app/xtgl/xtcs/xtcs.js'
    export default {
        data(){
            return{
                dialogVisible:false,
                csbs:'',
                csbssm:'',
                bz:'',
                options: [{
                    value: 'cs1',
                    label: '系统参数1'
                }, {
                    value: 'cs2',
                    label: '系统参数2'
                }],
                csz: ''
            }
        },
        methods:{
            show(){
                this.dialogVisible = true
            },
            hidden(){
                this.dialogVisible = false
            },
        },
    }
</script>

<style scoped>
    .el-row {
        margin-bottom: 20px;
    }
    :last-child {
         margin-bottom: 0;
     }
    .el-col {
        border-radius: 4px;
    }
    .grid-content {
        border-radius: 4px;
        min-height: 36px;
    }
    .row-bg {
        padding: 10px 0;
    }
</style>